<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			#box{
				width:600px;
				border:1px solid gray;
				height:240px;
				background-color:gainsboro;
				margin:0 auto;
			}
			#div1 input[type=text]
			{
				width:200px;
				height:20px;
				border-radius:10px;
				margin-top:20px;
				border:none;
				border:1px solid gray;
			}
			#txt2{
				width:530px;
				height:100px;
				margin-top:15px;
				border-radius:10px;
			}
			#div2 div{
				float:right;
				margin-right:30px;
				margin-top:10px;
			}
			#div2 div span{
				font-size:25px;
				color:red;
				vertical-align:middle;
			}
			#div2 input[type=button]
			{
				float:right;
				margin-right:60px;
				width:100px;
				height:25px;
				border:none;
				background-color:grey;
				border-radius:10px;
				margin-top:10px;
			}
			#div3{
				width:570px;
				margin-left:15px;
				height:50px;
				background-color:gainsboro;
				margin-top:60px;
				padding-top:17.5px;
				box-sizing:border-box;
			}
			#div3 div:nth-of-type(1)
			{
				width:120px;
				height:35px;
				background-color:white;
				font-size:18px;
				text-align:center;
				margin-left:10px;
				line-height:35px;
			}
			#div4{
				width:570px;
				/*height:200px;*/
				margin-left:15px;
				/*border:1px solid red;*/
			}
			#div4 .c1{
				width:570px;
				height:80px;
				border-bottom:1px dashed gray;
				margin-top:10px;
				padding-left:5px;
				padding-top:10px;
				box-sizing:border-box;
			}
			#div4 .c2{
				width:560px;
				height:30px;
				background-color:pink;
				
			}
			#div4 .c3{
				float:left;
			}
			#div4 .c4{
				float:left;
				margin-left:5px;
			}
			#div4 a{
				float:right;
				text-decoration:none;
				color:black;
				margin-right:80px;
			}
			#div4 .c5{
				margin-top:5px;
				font-size:14px;
				color:gray;
			}
		</style>
	</head>
	<body>
		<div id="box">
			<div>来说说你在想什么，做什么</div>
			<div id="div1">
				<input type="text" name="txt1" id="txt1" value="" />
			</div>
			<div>
				<textarea name="" rows="" cols="" id="txt2"></textarea>
			</div>
			<div id="div2">
				<input type="button" name="btn1" id="btn1" value="发布" />
				<div>还能输入<span>150</span>个字</div>
			</div>
			<div id="div3">
				<div>大家在说</div>
			</div>
			<div id="div4">
				<div class="c1">
					<div class="c2">
						<div class="c3">马云：</div>
						<div class="c4">我从来没有花过钱</div>
						<a href="#">删除</a>
					</div>
					<div class="c5">01月04日 01:26</div>
						
					
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/留言板.js">
		
	</script>
</html>
